{% load static from staticfiles %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">

    <link rel="stylesheet" type="text/css" href="{% static "css/bootstrap.css" %}">
    <link rel="stylesheet" type="text/css" href="{% static "css/jquery.dataTables.min.css"%}">
</head>
<body>
    <table id="docker-list" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>REPOSITORY</th>
                <th>TAG</th>
                <th>IMAGE ID</th>
                <th>CREATED</th>
                <th>VIRTUAL SIZE</th>
                <th>Action</th>
            </tr>
        </thead>
        <!-- <tfoot>
            <tr>
                <th>REPOSITORY</th>
                <th>TAG</th>
                <th>IMAGE ID</th>
                <th>CREATED</th>
                <th>VIRTUAL SIZE</th>
                <th>Action</th>
            </tr>
        </tfoot> -->
        <tbody>
            {% for i in image_list %}
            <tr>
                <td>{{i.repository}}</td>
                <td>{{i.tag}}</td>
                <td>{{i.image_id}}</td>
                <td>{{i.created}}</td>
                <td>{{i.virtual_size}}M</td>
                <td><a href="/action/"></a></td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</body>
<script type="text/javascript" src="{% static "js/jquery-1.11.3.min.js"%}"></script>
<script type="text/javascript" src="{% static "js/bootstrap.min.js"%}"></script>
<script type="text/javascript" src="{% static "js/jquery.dataTables.min.js"%}"></script>
<script type="text/javascript" src="{% static "js/index.js"%}"></script>
</html>